<template>
	<view class="header">
		<view class="sear" @click="search()">
			<text class="cuIcon-search"  ></text>
			<input   />
		</view>
	</view>
</template>

<script> 
	export default {
		data() {
			return {
				cateen: "",
			};
		},
		methods: {
			// 显示搜索界面
			search() {
				// uni.$emit("changeFlag", false);
				uni.navigateTo({
					url:"/components/Search"
				})
			}
		}
	}
</script>

<style lang="scss">
	@import url('../iconfonts/iconfont.css');

	.header {
		background-color: #F1D1D1;
		height: 88rpx;
		padding: 6rpx 30rpx;
		display: flex;
		justify-content: space-around;
		
		width: 100%;
		//border-bottom: 1px solid #ccc;
		text {
			color: #000;
			position: relative;
			bottom: 15rpx;
			float: left;
			//display: inline;
			
		}

		align-items: center;

		input {
			background-color: white;
			float: left;
			//border-radius: 30rpx;
			//padding: 30rpx;
			left: 20rpx;
			position: relative;
			bottom: 19rpx;
			width: 70%;
			//margin: 0;
		}
		
		.sear {
			width: 100%;
			margin-bottom: 30rpx;
			background-color: white;
			border-radius: 30rpx;
			padding: 30rpx;
			width: 100%;
			height: 50%;
			margin: 0;
		}
	}
</style>
